<template>
    
    {{ $route.params.id }}
    <el-row :gutter="20" v-if="proDetail">
 
    <el-col :span="6"><div class="grid-content ep-bg-purple" />产品名:{{ proDetail.name }}</el-col>
    <el-col :span="6"><div class="grid-content ep-bg-purple" />品牌:{{ proDetail.brand }}</el-col>
    <el-col :span="6"><div class="grid-content ep-bg-purple" />所属分类:</el-col>
    <el-col :span="6"><div class="grid-content ep-bg-purple" />标签:{{ proDetail.tags.join("|") }}</el-col>
  
    </el-row>
</template>

<script setup>
   import {useRoute} from 'vue-router';
   import { useProductDetail } from '@/hooks/products';

   const route = useRoute();
   const id = route.params.id;

   const {proDetail} = useProductDetail(id);
</script>